<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>猫眼首页</title>
	<link rel="stylesheet" href="maoyan.css">
</head>
<body>
	<header>
		<div class="content clear">
			<a href="" class="logo"></a>
			<div class = 'address'>咸阳<span class = 'caret'></span>
				<div class="city">
					<div class="citying">
						定位城市：
						<a href="#">咸阳</a>
					</div>
					<ul>
						<li>
							<span>A</span>
							<div>
								<a href="#">阿拉善盟</a>
								<a href="#">鞍山</a>
								<a href="#">安庆</a>
								<a href="#">安阳</a>
								<a href="#">阿坝</a>
								<a href="#">安顺</a>
								<a href="#">安康</a>
								<a href="#">阿勒泰</a>
								<a href="#">阿克苏</a>
								<a href="#">安吉</a>
								<a href="#">安丘</a>
								<a href="#">安岳</a>
								<a href="#">安平</a>
								<a href="#">安宁</a>
								<a href="#">安溪</a>
								<a href="#">安化</a>
								<a href="#">阿勒泰市</a>
								<a href="#">安福</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<ul class = 'clear'>
				<li class = 'liang'><a href="/">首页</a></li>
				<li><a href="/movielist">电影</a></li>
				<li><a href="cinema.html">影院</a></li>
				<li><a href="list.html">榜单</a></li>
				<li><a href="#">热点</a></li>
				<li><a href="#">商城</a></li>
			</ul>
			<div class = 'download'>
				<a href="#" class = 'clear'>
					<span></span>
					<span>APP下载</span>
					<span class = 'caret'></span>
					<span></span>
					<div class = 'erweima'>
						<p>扫码下载</p>
						<p>选座更优惠</p>
					</div>
				</a>
			</div>
			<div class="query">
				<input type="text" class = 'search' placeholder = '找影视剧、影人、影院'>
				<span class = 'button'></span>
			</div>
			<div class = 'user-icon'>
				<img src="images/user.png" alt="">
				<span class = 'caret'></span>
				<a href="#">登录</a>
			</div>
		</div>
	</header>
	<article>
		<div class="content clear">
			<section>
				<div class = 'main'>
					<div class="top clear">
						<span>正在热映 ( <%= data.hot.length %>部 ) </span>
						<em></em>
						<a href="/movielist">全部</a>
					</div>
					<ul class="art clear">
						<% for(var i = 0; i < 8;i++){ %>
							<% var n = parseInt(data.hot.length * Math.random()) %>
							<li>
							<a href="/movie?id=<%= data.hot[n].url %>">
								<div class="top">
									<img src="<%= data.hot[n].img %>" alt="">
									<div class = 'di'>
										<div class="name">
											<span><%= data.hot[n].name %></span>
											<i><%= data.hot[n].score %></i>
										</div>
									</div>
								</div>
							</a>
							<div class="footer">
								<a href="#" class = 'gou'>购票</a>
							</div>
						</li>
						<% } %>
						
					</ul>
				</div>
				<div class = 'main main-two'>
					<div class="top clear blue">
						<span>即将上映 ( <%= data.jijiang.length %>部 ) </span>
						<em></em>
						<a href="#">全部</a>
					</div>
					<ul class="art clear">
						<% for(var i = 0; i < 8; i++){ %>
						<li>
							<div class = 'bor'>
								<a href="/movie?id=<%= data.jijiang[i].url %>">
									<div class="top">
										<img src="<%= data.jijiang[i].img %>" alt="">
										<div class = 'di'>
											<div class="name">
												<span><%= data.jijiang[i].name %></span>
											</div>
										</div>
									</div>
							    </a>
								<div class="footer1">
									<p class ='user-num'>10885人想看</p>
									<div class = 'movie'>
										<a href="#">预告片</a>
										<a href="#">预售</a>
									</div>
								</div>		
							</div>
							<div class = 'time'><%= data.jijiang[i].date %>上映</div>
						</li>
						<% } %>
					</ul>
				</div>
				<div class = 'main'>
					<div class="top clear">
						<span>热播电影</span>
						<ol class = 'nav'>
							<li><a href="#">爱情</a></li>
							<li><a href="#">喜剧</a></li>
							<li><a href="#">动作</a></li>
							<li><a href="#">恐怖</a></li>
							<li><a href="#">动画</a></li>
						</ol>
						<em></em>
						<a href="#">全部</a>
					</div>
					<ul class="art clear">
						<li>
							<a href="#">
								<div class="top first">
									<img src="https://p1.meituan.net/movie/3ee52ce5d15a09e07eaa346d1230f97f55997.jpg@350w_220h_1e_1c" alt="">
									<div class = 'di'>
										<div class="name">
											<span>厉鬼将映</span>
											<i>9.4</i>
										</div>
									</div>
								</div>
						    </a>						
						</li>
						<li>
							<a href="#">
								<div class="top">
									<img src="https://p1.meituan.net/movie/9d8c0f709463f4db717a58d37cd145c1318184.jpg@160w_220h_1e_1c" alt="">
									<div class = 'di'>
										<div class="name">
											<span>大人物</span>
											<i>9.4</i>
										</div>
									</div>
								</div>
						    </a>						
						</li>
						<li>
							<a href="#">
								<div class="top">
									<img src="https://p1.meituan.net/movie/9d8c0f709463f4db717a58d37cd145c1318184.jpg@160w_220h_1e_1c" alt="">
									<div class = 'di'>
										<div class="name">
											<span>大人物</span>
											<i>9.4</i>
										</div>
									</div>
								</div>
						    </a>						
						</li>
						<li>
							<a href="#">
								<div class="top">
									<img src="https://p1.meituan.net/movie/9d8c0f709463f4db717a58d37cd145c1318184.jpg@160w_220h_1e_1c" alt="">
									<div class = 'di'>
										<div class="name">
											<span>大人物</span>
											<i>9.4</i>
										</div>
									</div>
								</div>
						    </a>						
						</li>
						<li>
							<a href="#">
								<div class="top">
									<img src="https://p1.meituan.net/movie/9d8c0f709463f4db717a58d37cd145c1318184.jpg@160w_220h_1e_1c" alt="">
									<div class = 'di'>
										<div class="name">
											<span>大人物</span>
											<i>9.4</i>
										</div>
									</div>
								</div>
						    </a>						
						</li>
						<li>
							<a href="#">
								<div class="top">
									<img src="https://p1.meituan.net/movie/9d8c0f709463f4db717a58d37cd145c1318184.jpg@160w_220h_1e_1c" alt="">
									<div class = 'di'>
										<div class="name">
											<span>大人物</span>
											<i>9.4</i>
										</div>
									</div>
								</div>
						    </a>						
						</li>
						<li>
							<a href="#">
								<div class="top">
									<img src="https://p1.meituan.net/movie/9d8c0f709463f4db717a58d37cd145c1318184.jpg@160w_220h_1e_1c" alt="">
									<i class = 'tag'>3D</i>
									<div class = 'di'>
										<div class="name">
											<span>大人物</span>
											<i>9.4</i>
										</div>
									</div>
								</div>
						    </a>						
						</li>
					</ul>
				</div>
			</section>
			<aside>
				<div class="main">
					<p class = 'title' >今日票房</p>
					<ul class = 'nav'>
						<li class = 'first'>
							<a href="#" class = ' clear'>
								<div class = 'left'>
									<i></i>
									<img src="https://p0.meituan.net/movie/d38ad9f8a2d84e2f94e2a3a342dd27281312433.jpg@120w_80h_1e_1c" alt="">
								</div>
								<div class = 'right'>
									<span>老师.好</span>
									<p>179.58万</p>
								</div>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>2</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>3</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>4</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>5</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>6</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>7</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>8</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>9</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>10</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>164.94万</span>
							</a>
						</li>
					</ul>
				</div>
				<div class = 'dayNum'>
					<h3>今日大盘</h3>
					<div>
						<p>
							<span class = 'num'>897.4</span>万
							<a href="#">
								查看更多
								<i></i>
							</a>
						</p>
						<p>北京时间 09:09:14
							<span>猫眼专业版实时票房数据</span>
						</p>
					</div>
				</div>
				<div class = 'main-center'>
					<div class = 'top'>
						<span>最受期待</span>
						<span>
							<a href="#">查看完整榜单</a>
							<i></i>
						</span>
					</div>
					<ul>
						<li class = 'one'>
							<a href="#" class = 'clear'>
								<div class = 'left'>
									<i></i>
									<img src="https://p0.meituan.net/moviemachine/f7d2ad70eb79d6d9b8a197713db9b8c41711752.jpg@140w_194h_1e_1c" alt="">
								</div>
								<div class="right">
									<div>
										<span>复仇者联盟4：终局之战</span>
										<p>上映时间：2019-04-24</p>
										<p class = 'user-num'>12000<i>人想看</i></p>
									</div>
								</div>
							</a>
						</li>
						<li class = 'two'>
							<a href="#">
								<img src="https://p0.meituan.net/movie/4092234977dd8fe3dfb638cda59a1bc81374696.jpg@170w_118h_1e_1c" alt="">
								<i>2</i>
								<div>
									<span>反弹风暴4</span>
									<span>121212
										<em>人想看</em>
									</span>
								</div>
							</a>
						</li>
						<li class = 'two treen'>
							<a href="#">
								<img src="https://p0.meituan.net/movie/4092234977dd8fe3dfb638cda59a1bc81374696.jpg@170w_118h_1e_1c" alt="">
								<i>3</i>
								<div>
									<span>反弹风暴4</span>
									<span>121212
										<em>人想看</em>
									</span>
								</div>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>4</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>6748<em>人想看</em></span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>5</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>6748<em>人想看</em></span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>6</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>6748<em>人想看</em></span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>7</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>6748<em>人想看</em></span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>8</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>6748<em>人想看</em></span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>9</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>6748<em>人想看</em></span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>10</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-num'>6748<em>人想看</em></span>
							</a>
						</li>
					</ul>
				</div>
				<div class="main-center main">
					<div class = 'top'>
						<span>TOP 100</span>
						<span>
							<a href="#">查看完整榜单</a>
							<i></i>
						</span>
					</div>
					<ul class = 'nav'>
						<li class = 'first'>
							<a href="#" class = ' clear'>
								<div class = 'left'>
									<i></i>
									<img src="https://p1.meituan.net/movie/ccc0beb35f7f5c21ee75efab3b6eb5fb39201.jpg@120w_80h_1e_1c" alt="">
								</div>
								<div class = 'right'>
									<span>霸王别姬</span>
									<p>9.4分</p>
								</div>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>2</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i class = 'color'>3</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>4</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>5</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>6</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>7</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>8</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>9</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
						<li class = 'no'>
							<a href="#">
								<i>10</i>
								<span class = 'movie-name'>小飞象</span>
								<span class = 'movie-fen'>9.4分</span>
							</a>
						</li>
					</ul>
				</div>
			</aside>
		</div>
	</article>
	<footer>
		<p class = 'top'>
			关于猫眼：
			<a href="#">关于我们</a>
			<span></span>
			<a href="#">管理团队</a>
			<span></span>
			<a href="#">投资者关系</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			友情链接：
			<a href="#">美团网</a>
			<span></span>
			<a href="#">美团下载</a>
			<span></span>
			<a href="#">欢喜首映</a>
		</p>
		<p>		
	      商务合作邮箱：v@maoyan.com
	      客服电话：10105335
	      违法和不良信息举报电话：4006018900
	      <br>
	      投诉举报邮箱：tousujubao@meituan.com
	      舞弊线索举报邮箱：wubijubao@maoyan.com  
		</p>
		<p>
	        ©2016
	        猫眼电影 maoyan.com
	        <a href="https://tsm.miit.gov.cn/pages/EnterpriseSearchList_Portal.aspx?type=0&amp;keyword=京ICP证160733号&amp;pageNo=1" target="_blank">京ICP证160733号</a>
	        <a href="http://www.miibeian.gov.cn" target="_blank">京ICP备16022489号-1</a>
	        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102003232" target="_blank">京公网安备 11010102003232号</a>
	        <a href="/about/licence" target="_blank">网络文化经营许可证</a>
	        <a href="http://www.meituan.com/about/rules" target="_blank">电子公告服务规则</a>
    	</p>
		<p>北京猫眼文化传媒有限公司</p>
	</footer>
</body>
</html>